<!doctype html>
<html class="no-js fixed-layout">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>Amaze UI Admin index Examples</title>
  <meta name="description" content="EmployerManager">
  <meta name="keywords" content="Manager">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <meta name="renderer" content="webkit">
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <link rel="icon" type="image/png" href="assets/i/favicon.png">
  <link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png">
  <meta name="apple-mobile-web-app-title" content="Amaze UI" />
  <link rel="stylesheet" href="assets/css/amazeui.min.css"/>
  <link rel="stylesheet" href="assets/css/admin.css">
  <link rel="stylesheet" href="assets/css/custom.css">
  <style  type="text/css">


  label
  {
  font-family: sans-serif;
  }
  div[name]
    {
      padding: 20px,10px,10px,20px;
    }
    h2
    {
      margin: 10px;
      padding: 10px;
      font-family: sans-serif;
      background-color:#F0FFFF;
    }

  </style>
</head>
<body>
<!--[if lte IE 9]>
<p class="browsehappy">你正在使用<strong>过时</strong>的浏览器，Amaze UI 暂不支持。 请 <a href="http://browsehappy.com/" target="_blank">升级浏览器</a>
  以获得更好的体验！</p>
<![endif]-->

<header class="am-topbar admin-header">
  <div class="am-topbar-brand">
    <h1 class="am-topbar-brand">
    <a href="#" class="am-text-ir">Amaze UI</a>
  </h1>
<small>商家版</small>

  </div>

  <button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-success am-show-sm-only" data-am-collapse="{target: '#topbar-collapse'}"><span class="am-sr-only">导航切换</span> <span class="am-icon-bars"></span></button>

  <div class="am-collapse am-topbar-collapse" id="topbar-collapse">

    <ul class="am-nav am-nav-pills am-topbar-nav am-topbar-right admin-header-list">
      <li class="am-dropdown" data-am-dropdown>
        <a class="am-dropdown-toggle" data-am-dropdown-toggle href="javascript:;">
          <span class="am-icon-users"></span> 雇主 <span class="am-icon-caret-down"></span>
        </a>
        <ul class="am-dropdown-content">
          <li><a href="#"><span class="am-icon-user"></span> 资料</a></li>
          <li><a href="#"><span class="am-icon-cog"></span> 设置</a></li>
          <li><a href="./EmployerLogin.html"><span class="am-icon-power-off"></span> 退出</a></li>
        </ul>
      </li>
      <li class="am-hide-sm-only"><a href="javascript:;" id="admin-fullscreen"><span class="am-icon-arrows-alt"></span> <span class="admin-fullText">开启全屏</span></a></li>
    </ul>
  </div>
</header>

<div class="am-cf admin-main">
  <!-- sidebar start -->
  <div class="admin-sidebar am-offcanvas" id="admin-offcanvas">
    <div class="am-offcanvas-bar admin-offcanvas-bar">


      <ul class="am-list admin-sidebar-list">
      <li><a href="Job-Posted.html"><button class="am-btn am-btn-warning  am-btn-block">发布职位</button></a></li>
        <li><a href="EmployerManager.html"><span class="am-icon-home" ></span> 首页</a></li>

        <li class="admin-parent">
          <a class="am-cf" data-am-collapse="{target: '#collapse-nav'}"><span class="am-icon-file"></span> 职位管理 <span class="am-icon-angle-right am-fr am-margin-right"></span></a>
          <ul class="am-list am-collapse admin-sidebar-sub am-in" id="collapse-nav">
            <li><a href="JobUnderReview.html" class="am-cf"><span class="am-icon-check"></span> 待审核<span class="am-badge am-badge-success am-margin-right am-fr">5</span></span></a></li>
            <li><a href="JobWorking.html"><span class="am-icon-puzzle-piece"></span> 进行中<span class="am-badge am-badge-danger am-margin-right am-fr">5</span></a></li>
            <li><a href="JobFinished.html"><span class="am-icon-th"></span> 已经结束<span class="am-badge am-badge-secondary am-margin-right am-fr">5</span></a></li>
          </ul>
        </li>
        <li><a href="admin-form.html"><span class="am-icon-money"></span> 我的钱包</a></li>
      </ul>
    </div>
  </div>
  <!-- sidebar end -->

  <!-- content start -->
  <div class="admin-content">
    <div class="am-cf am-padding">
      <div class="am-fl am-cf"><strong class="am-text-primary am-text-lg">企业资料</strong> / <small>Personal information</small></div>
    </div>

    <hr/>

    <div class="am-g">

      <div class="am-u-sm-12 am-u-md-4 am-u-md-push-8">
        <div class="am-panel am-panel-default">
          <div class="am-panel-bd">
            <div class="am-g">
              <div class="am-u-md-4">
                <img class="am-img-circle am-img-thumbnail" src="http://s.amazeui.org/media/i/demos/bw-2014-06-19.jpg?imageView/1/w/200/h/200/q/80" alt=""/>
              </div>
              <div class="am-u-md-8">
                <p>你可以使用<a href="#">gravatar.com</a>提供的头像或者使用本地上传头像。 </p>
                <form class="am-form">
                  <div class="am-form-group">
                    <input type="file" id="user-pic">
                    <p class="am-form-help">请选择要上传的文件...</p>
                    <button type="button" class="am-btn am-btn-primary am-btn-xs">保存</button>
                  </div>
                </form>
              </div>
            </div>
          </div>
        </div>

        <div class="am-panel am-panel-default">
          <div class="am-panel-bd">
            <div class="user-info">
              <p>等级信息</p>
              <div class="am-progress am-progress-sm">
                <div class="am-progress-bar" style="width: 60%"></div>
              </div>
              <p class="user-info-order">当前等级：<strong>LV8</strong> 活跃天数：<strong>587</strong> 距离下一级别：<strong>160</strong></p>
            </div>
            <div class="user-info">
              <p>信用信息</p>
              <div class="am-progress am-progress-sm">
                <div class="am-progress-bar am-progress-bar-success" style="width: 80%"></div>
              </div>
              <p class="user-info-order">信用等级：正常当前 信用积分：<strong>80</strong></p>
            </div>
          </div>
        </div>

      </div>

      <div class="am-u-sm-12 am-u-md-8 am-u-md-pull-4">
        <form class="am-form am-form-horizontal">


          <div name="baseInfo" >
           <h2>基本信息</h2>
           <div class="am-form-group">
             <label for="EnterpriseName" class="am-u-sm-3 am-form-label">公司名称</label>
             <div class="am-u-sm-9">
               <input type="text" id="EnterpriseName" placeholder="公司名称">
             </div>
             </div>
                   <div class="am-form-group">
                  <label for="EnterprisePlace" class="am-u-sm-3 am-form-label">公司地址</label>
                        <div id="EnterprisePlace" class="am-u-sm-9">
                        <select id="s_province" name="s_province" class="am-inline" style="width:20%"></select>&nbsp;&nbsp;
                        <select id="s_city" name="s_city" class="am-inline"  style="width:20%"></select>&nbsp;&nbsp;
                        <select id="s_county" nam e="s_county" class="am-inline"  style="width:20%"></select>
                        <script class="resources library" src="./assets/js/area.js" type="text/javascript"></script>
                        <script type="text/javascript">_init_area();</script>
                      </div>
                    </div>
                    <div class="am-form-group">
                         <label for="EnterprisePlace" class="am-u-sm-3 am-form-label"></label>
                      <div class="am-u-sm-9">
                        <input type="text"  id="EnterpriseAddressAll"  name="EnterpriseAddressAll" placeholder="详细地址">
                      </div>
                      </div>
                      <div class="am-form-group">
                        <label for="JobCommission"  class="am-u-sm-3 am-form-label">公司简介</label>
                    <div class="am-u-sm-9">
                       <textarea  rows="5" type="text"  id="JobCommission" class="am-form-field am-inline" style="width:75%"  placeholder="输入简介信息，如果没有请勿填写，限制30字"></textarea>
                     </div>
                      </div>
             </div>




             <div name="EnterpriseContactInformation">
               <h2>联系方式</h2>
               <div class="am-form-group">
                 <label for="EnterpriseLinkman"  class="am-u-sm-3 am-form-label">联系人</label>
                    <div class="am-u-sm-9">
                 <input type="text"  id="EnterpriseLinkman" />
               </div>
               </div>
               <div class="am-form-group">
                 <label for="EnterprisePhoneNum"  class="am-u-sm-3 am-form-label">手机号</label>
                 <div class="am-u-sm-9">
                 <input type="text"  id="EnterprisePhoneNum" placeholder="请输入手机号或者工作电话"  />

               </div>
             </div>
               <div class="am-form-group">
                 <label for="EnterpriseEmail" class="am-u-sm-3 am-form-label">电子邮件</label>
                 <div class="am-u-sm-9">
                   <input type="email" id="EnterpriseEmail" placeholder="输入你的电子邮件">

                 </div>
               </div>


          <div class="am-form-group">
            <div class="am-u-sm-9 am-u-sm-push-3">
              <button type="button" class="am-btn am-btn-primary">保存修改</button>
            </div>
          </div>
        </form>
      </div>
    </div>
  </div>
  <!-- content end -->

</div>

<a href="#" class="am-icon-btn am-icon-th-list am-show-sm-only admin-menu" data-am-offcanvas="{target: '#admin-offcanvas'}"></a>

<footer>
  <hr>
  <p class="am-padding-left">© 2014 AllMobilize, Inc. Licensed under MIT license.</p>
</footer>

<!--[if lt IE 9]>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->

<!--[if (gte IE 9)|!(IE)]><!-->
<script src="assets/js/jquery.min.js"></script>
<!--<![endif]-->
<script src="assets/js/amazeui.min.js"></script>

<script src="assets/js/app.js"></script>
</body>
</html>
